import React,{Component} from 'react';
import "../../styles/swiper.css";
import "../../styles/lunbo.css";

import Swiper from "swiper";
class Lunbo extends Component {
	render(){
		return (
			<div className="swiper-container" id="swiper-container">
		        <div className="swiper-wrapper">
		          <div className="swiper-slide"><img src="./img/case1.jpg"  alt=""/></div>
		          <div className="swiper-slide"><img src="./img/case2.jpg"  alt="" /></div>
		          <div className="swiper-slide"><img src="./img/case3.jpg"  alt="" /></div>
		        </div>
		        <div className="swiper-pagination"></div>
		        
	      	</div>
		);
	}
	componentDidMount(){
  	var mySwiper = new Swiper('.swiper-container', {
  			pagination : '.swiper-pagination',//有小圆点
  			paginationClickable :true,//点击跳转
			autoplay: 2000,//可选选项，自动滑动
		})
  	}
}
export default Lunbo;
